<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首都医科大学附属小学</title>
		<meta name="description" content="首都医科大学附属小学（原右安门第一小学），学校地处南二环，西邻丽泽商务区，东临北京南站，位于开阳里社区中心。" />
		<meta name="keywords" content="右安门一小 右安门 首都医科大学附属小学 北京 一小  右安门 和文化 教育" /><meta name="author" content="say"/>
		<link rel="shortcut icon" href="../static/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../static/font/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/student.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/theme-green.css"/>
		<link rel="stylesheet" href="../static/datatables/css/jquery.dataTables.min.css" />
		<link rel="stylesheet" href="../static/datatables/css/fixedColumns.dataTables.min.css" />
		<script type="text/javascript" src="//code.jquery.com/jquery-1.12.4.js" ></script>
		<script type="text/javascript" src="../static/js/main.js"></script>
		<script type="text/javascript" src="../static/datatables/js/jquery.dataTables.min.js" ></script>
		<script type="text/javascript" src="../static/datatables/js/dataTables.fixedColumns.min.js" ></script>
	<style>
		/* Ensure that the demo table scrolls */
    th, td { white-space: nowrap; }
    div.dataTables_wrapper {
        width: 800px;
        margin: 0 auto;
    }
    .loglist{
			border-bottom: none;
		}
    #example_filter,#example_info{
    	display: none;
    }
    #example_wrapper {
		    border: 1px solid #d5d5d5;
		    box-sizing: border-box;
		}
		table.dataTable, table.dataTable th, table.dataTable td{
			border-bottom:none;
		}
		table.dataTable thead th,table.dataTable td,table.dataTable thead th:last-child, table.dataTable td:last-child{
			border-right: 1px solid #d5d5d5 !important;
			
		}
		table.dataTable thead th:last-child,table.dataTable td:last-child{
			border-right:none;
		}
		.dataTables_wrapper.no-footer .dataTables_scrollBody{
			border:none;
		}
		table.dataTable.no-footer{
			border-bottom: 1px solid #d5d5d5;
		}
		table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd,table.dataTable.display tbody tr.odd{
			background-color: #FFFFFF;
		}
		table.dataTable.display tbody tr.odd>.sorting_1{
			background-color: #FFFFFF;
		}
		table.dataTable.display tbody tr:hover td, table.dataTable.order-column.stripe tbody tr:hover td,table.dataTable.display tbody tr.odd:hover>.sorting_1{
			background-color: #f2f2f2;
		}
		table.dataTable thead th, table.dataTable thead td{
			background-color: #f2f2f2;
			border-bottom: 1px solid #d5d5d5;
		}
		tfoot{
			display: none;
		}
		.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
			background: #F5F5F5;
			border:1px solid #c5c5c5;
		}
		.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
			background: #F5F5F5;
			color:#333 !important;
			border:1px solid #c5c5c5;
    
	</style>
	<script>
		$(document).ready(function() {
		    var table = $('#example').DataTable( {
		        scrollY:        "300px",
		        scrollX:        true,
		        scrollCollapse: true,
		        paging:         false,
		        fixedColumns:   {
		            leftColumns: 2,
		            rightColumns: 2
		        }
		    } );
		} );
	</script>
	</head>
	<body>
		<div class="header-top-fixed">
			<div class="w1080">
				<ul class="top-navbar">
					<li><a href="#">门户网站</a></li>
					<li><a href="#">德育信息</a></li>
					<li><a href="#">七彩少年</a></li>
					<li><a href="#">和雅教师</a></li>
					<li><a href="#">微课学习</a></li>
					<li><a href="#">微探交流</a></li>
				</ul>
				<ul class="navbar-right">
					<li><a href="#">返回首页</a></li>
					<li><a href="#">退出</a></li>
				</ul>
			</div>
		</div>
		<div class="header">
			<div class="user-div">
				<img src="../static/images/users.jpg"/>
			</div>
			<div class="header-con">
				<h2>首医附小学生空间</h2>
				<div class=" user-msg">
					<a href="#">
						<span id="">
							李彩优
						</span>
					</a>
					<div class="fenshu">
						<a href="#" class="jifen">
							<i></i>
							积分
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
						<a href="#" class="xunz">
							<i></i>
							勋章 
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
					</div>
					<div class="clear"></div>
					<div class="header-navbar">
						<ul>
							<li><a href="#">个人中心</a></li>
							<li><a href="#">个人空间</a></li>
							<li class="active"><a href="#">德育信息</a></li>
							<li><a href="#">微课学习</a></li>
							<li><a href="#">微探交流</a></li>
							<li><a href="#">艺术与鉴赏</a></li>
							<li><a href="#">社团活动</a></li>
							<li><a href="#">更多</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="point-div stu-d">
				<ul>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-bell"></i>
							<span id="">
								11
							</span>
						</a>
						<span id="">
							消息
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-commenting"></i>
							<span id="">
								23
							</span>
						</a>
						<span id="">
							评论
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-heart"></i>
						</a>
						<span id="">
							收藏
						</span>
					</li>
					<a href="#" class="exit" ><i class="fa fa-lg fa-power-off"></i>  退出</a>
				</ul>
			</div>
		</div>
		<div class="containter">
			<div class="sider">
				<div class="con-div sider-div">
					<div class="sider-top">
						德育信息
					</div>
					<div class="sider-con zhandian">
						<ul>
							<li><a href="#"><i class="icon icon-dangan "></i>查看德育细则</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课上评价</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课下评价</a></li>
							<li class="actived"><a href="#"><i class="icon icon-dangan "></i>我的评价记录</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="content content-lg">
				<div class="main-div con-div">
					<div class="main-top">
						<ul class="tab-btn">
							<li class="top-seclect"> <a href="#">我的成绩</a></li>
						</ul>
					</div>
					<div class=" con-list">
						<div class="dynamic loglist">
						<h3 class="demo-title">固定表头DataTables表格</h3>
					   	<div class="pro-con">
					   		<h4 class="table-title">2017年6月份工资单</h4>
					   		<table id="example" class="stripe row-border order-column" cellspacing="0" width="100%">
						        <thead>
						            <tr>
						                <th>First name</th>
						                <th>Last name</th>
						                <th>Position</th>
						                <th>Office</th>
						                <th>Age</th>
						                <th>Start date</th>
						                <th>Salary</th>
						                <th>Extn.</th>
						                <th>E-mail</th>
						            </tr>
						        </thead>
						        <tbody>
						            <tr>
						                <td>Tiger</td>
						                <td>Nixon</td>
						                <td>System Architect</td>
						                <td>Edinburgh</td>
						                <td>61</td>
						                <td>2011/04/25</td>
						                <td>$320,800</td>
						                <td>5421</td>
						                <td>t.nixon@datatables.net</td>
						            </tr>
						            
						        </tbody>
						    </table>
					   	</div>
					   	<div class="pro-con">
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   	</div>
					   	<div class="pro-con">
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   		<h4 class="table-title">2017年5月份工资单</h4>
					   	</div>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		<div class="clear"></div>
		</div>
		<div class="footer"> 
			<p>© 2015-2016 DHHC 版权所有</p>
		  	<p>版权号</p>
		</div>
		
		<!--<script type="text/javascript" src="../static/js/jquery.select.js"></script>-->
	</body>
</html>
